<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich" 
	xmlns:sedna="http://sedna.com/facelets"
	xmlns:easy="http://easyfaces.com.br/easyfaces"
	xml:lang="en" lang="en">
	
	<ui:composition template="/WEB-INF/templates/layout.xhtml">

		<ui:define name="conteudo">
		
			<h:form>
				
				<rich:panel style="100%">
					<h:panelGrid columns="2">
						
						<h:outputText value="Nome: "/>
						<h:inputText value="#{telaProdutoCadastro.produto.nome}" maxlength="100" style="width: 400px;"/>
						
						<h:outputText value="Fabricante: " />
						<h:panelGrid columns="2">
							<h:inputText id="fabricante" style="width: 400px;" 	value="#{telaProdutoCadastro.produto.fabricante.nome}" disabled="true" />
							<a4j:commandButton value="..." oncomplete="#{rich:component('selectPanelFabricante')}.show()" />
						</h:panelGrid>
						
						<h:outputText value="Empresa: " />
						<h:panelGrid columns="2">
							<h:inputText id="empresa" style="width: 400px;" 	value="#{telaProdutoCadastro.produto.empresa.nome}" disabled="true" />
							<a4j:commandButton value="..." oncomplete="#{rich:component('selectPanelEmpresa')}.show()" />
						</h:panelGrid>
						
						<h:outputText value="Valor: "/>
						<easy:inputCurrency value="#{telaProdutoCadastro.produto.valor}"/>
						
					</h:panelGrid>
				</rich:panel>
				
				<rich:dataGrid	value="#{telaProdutoCadastro.imagens}" var="imagem" columns="7" elements="7" width="100%" id="gridImagem">
					
					<rich:panel style="width: 120px; height: 80px;">					
						<h:graphicImage value="/imagens_produtos/#{imagem.imagem}" height="61" width="100" id="imagem_produto"/>
						<rich:contextMenu event="oncontextmenu" attachTo="imagem_produto" submitMode="ajax">
							<rich:menuItem value="Remover" action="#{telaProdutoCadastro.removerImagem}" reRender="gridImagem">
								<f:setPropertyActionListener target="#{telaProdutoCadastro.imagemSelecionada}" value="#{imagem}" />
							</rich:menuItem>							
						</rich:contextMenu>
					</rich:panel>
					
					<f:facet name="footer">
                		<rich:datascroller></rich:datascroller>
            		</f:facet>
				
				</rich:dataGrid>
				
				<rich:fileUpload listWidth="100%"
											  fileUploadListener="#{telaProdutoCadastro.listener}"
											  id="upload"
											  acceptedTypes="jpg, gif, png, bmp"
											  immediateUpload="false">
											  
					<a4j:support event="onuploadcomplete"/>
					
				</rich:fileUpload>
				
				<br/>
				
				<a4j:commandButton value="Salvar" action="#{telaProdutoCadastro.salvar}"/>
				<a4j:commandButton value="Cancelar" action="#{telaProdutoCadastro.cancelar}"/>
				
			</h:form>
			
			<br/>
			<br/>
			<sedna:painelModalPesquisa idPanel="selectPanelFabricante"
																	descricaoPesquisa="Fabricante"
																	backingBean="#{telaProdutoCadastro}"
																	metodoPesquisa="pesquisarFabricante"
																	metodoListaObjetos="fabricantes"
																	metodoObjetoSelecionado="fabricanteSelecionado"
																	campoReRenderizar="fabricante"
																	campoPesquisa="nomeFabricantePesquisa"
																	metodoDescricao="nome">
			</sedna:painelModalPesquisa>
			
			<sedna:painelModalPesquisa idPanel="selectPanelEmpresa"
																	descricaoPesquisa="Empresa"
																	backingBean="#{telaProdutoCadastro}"
																	metodoPesquisa="pesquisarEmpresa"
																	metodoListaObjetos="empresas"
																	metodoObjetoSelecionado="empresaSelecionado"
																	campoReRenderizar="empresa"
																	campoPesquisa="nomeEmpresaPesquisa"
																	metodoDescricao="nome">
			</sedna:painelModalPesquisa>
			
		</ui:define>
		
	</ui:composition>


</html>
